使用JavaScript更改CSS偽元素


Posted by hoyi-23 on 2021-06-17

這裡提供一個很簡單的作法:

HTML

<div class="box" some-attribute-name=""></div>

CSS

.box::before{
    content= attr(some-attribute-name);
}

JavaScript

var box = document.querySelector('.box');
box.setAttribute('some-attribute','要新增的屬性值');

#偽元素 #javascript







Related Posts

部署: AWS EC2 + LAMP + phpmyadmin + Filezilla

部署: AWS EC2 + LAMP + phpmyadmin + Filezilla

W11_資訊安全_XSS, SQL Injection, CSRF 及後端驗證_學習筆記整理

W11_資訊安全_XSS, SQL Injection, CSRF 及後端驗證_學習筆記整理

政大傳院院導師活動講座心得:余佩真的多重宇宙 影視歌三棲的創作人生

政大傳院院導師活動講座心得:余佩真的多重宇宙 影視歌三棲的創作人生


Comments